<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
  <app></app>
  <one></one>
</div>
</body>
<script>
  new Vue({
    el: "#root",
    components:{
      // App是Child的父组件;
      // Child是App的子组件;
      App:{
        components:{
          Child:{
            template:(`
						    <h3>Child</h3>
						`)
          }
        },
        template:(`
				    <div>
				        <h3>App</h3>
				        <child></child>
				        <child></child>
				        <child></child>
				        <child></child>
				        <child></child>
                    </div>
				`)
      },
      One:{
        template:(`
				    <div>
				        <h3>One</h3>
                    </div>
				`)
      }
    }
  })
</script>
</html>